<!doctype html>
<html lang="zh-CN">
<head>
    {% load static %}
    <!-- 必须的 meta 标签 -->
    <meta charset="utf-8">
    <link rel="icon" href="{% static 'img/tubiao.jpg' %}" type="image/x-icon">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    {#makdown.css#}
    <link href="{% static 'css/markdown.css' %}">
    <!-- Bootstrap 的 CSS 文件 -->
    <link href="{% static  'bootsrap/css/bootstrap.min.css' %}" rel="stylesheet">
    <script src="{% static 'bootsrap/js/bootstrap.bundle.min.js' %}"></script>
    <title>新闻网站</title>
</head>

{% load static %}
<body style=" background-repeat:no-repeat ;background-size:100% 100%;
background-attachment: fixed;background-image: linear-gradient(to right top, #d16ba5, #c777b9, #ba83ca, #aa8fd8, #9a9ae1, #8aa7ec, #79b3f4, #69bff8, #52cffe, #41dfff, #46eefa, #5ffbf1);">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
    <div class="container-fluid">
        <a class="navbar-brand" href="/">
            <img src="{% static 'img/logo.png' %}" alt="" width="40" height="40">
        </a>
        <a class="navbar-brand" href="/">新闻网站</a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
                aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav me-auto mb-2 mb-lg-0">


            </ul>
            <form class="d-flex" role="search">
                <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
                <button class="btn btn-outline-success" type="submit">Search</button>
            </form>
        </div>
    </div>
</nav>
<div class="container-fluid">
    <div class="row">

        <div class="col-10 ">
            {#           第2段     #}
            <div style="margin: 20px 0px 20px 0px;">


                {% block index %}

                {% endblock %}

            </div>


        </div>
        {#        新闻排版结束#}
        <div class="col-2 d-md-block collapse">
            {#           第3段     #}
            <div style="background-color: white;opacity: 0.8;margin: 20px 20px 20px 0px;">
                {% block Admiration %}

                {% endblock %}
            </div>
        </div>


        <footer class="row row-cols-1 row-cols-sm-2 row-cols-md-5 py-5 my-5 border-top"
                style="background-color: white;opacity: 0.8">
            <div class="col mb-3">
                <a href="/" class="d-flex align-items-center mb-3 link-dark text-decoration-none">
                    <svg class="bi me-2" width="40" height="32">
                        <use xlink:href="#bootstrap"></use>
                    </svg>
                </a>
                <p class="text-muted">新闻网站© 2022</p>
            </div>

            <div class="col mb-3">

            </div>

            <div class="col mb-3">
                <h5>友情链接</h5>
                {% block href %}

                {% endblock %}

            </div>

            <div class="col mb-3">
                <h5>相关信息</h5>
                {% block myhref %}

                {% endblock %}
            </div>

            <div class="col mb-3">
                <h5>网站管理</h5>
                <ul class="nav flex-column">
                    <li class="nav-item mb-2"><a href="/admin/" class="nav-link p-0 text-muted">我是管理员</a></li>

                </ul>
            </div>
        </footer>
    </div>
</div>
</body>


</html>